<!-- markdown-doc -->
<template>
  <div class="markdown-doc">
    <Row :gutter="0">
      <Col span="24">
      <h1 style="text-align:center;">Markdown Guide</h1>
      <h4>Fonts <small>[字体]</small></h4>
      <pre>
**<strong>bold</strong>**
*<em>italics</em>*
~~<strike>strikethrough</strike>~~
</pre>
      <h4>Headers<small>[标题]</small></h4>
      <pre>
# Big header
## Medium header
### Small header
#### Tiny header
</pre>
      <h4>Lists<small>[列表]</small></h4>
      <pre>
* Generic list item
* Generic list item
* Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item
</pre>
      <h4>Links<small>[链接]</small></h4>
      <pre>
[Text to display](http://www.example.com)
</pre>
      <h4>Divide<small>[分割线]</small></h4>
      <p> 三个或者三个以上的 - 或者 * 都可以。</p>
      <pre>
---
----
***
****
</pre>
      <h4>Quotes<small>[引用]</small></h4>
      <pre>
> This is a quote.
> It can span multiple lines!
</pre>
      <h4> Images<small>[图片]</small></h4>
      <p> Need to upload an image? <a href="https://imgur.com/" target="_blank">Imgur</a> has a great interface. </p>
      <pre>
![](http://www.example.com/image.jpg)
</pre>
      <h4>Tables<small>[表格]</small></h4>
      <pre>
| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |

<em>Or without aligning the columns...</em>

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |
</pre>
      <h4>Displaying code<small>[显示方式]</small></h4>
      <pre>
`var example = "hello!";`

<em>Or spanning multiple lines...</em>

```
var example = "hello!";
alert(example);
```
</pre>
      <footer>
        Provided for use with <a href="https://sparksuite.github.io/simplemde-markdown-editor" target="_blank">SimpleMDE</a>
      </footer>
      </Col>
    </Row>
  </div>
</template>
<script>
import './markdown.less'
export default {
  name: 'markdown-doc',
  data () {
    return {}
  },
  created () {
    document.title = 'markdown-doc'
  },
  mounted () {
    this.$nextTick(function () {})
  },
  methods: {}
}

</script>
